page-borrow-order
{
  // 头部
  .borrow-order-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .borrow-order-section
  {
    background-color: $office-page-background;


    // 内容页面
    .scroll-content
    {
      border: 0;
      background-color: $office-page-background;

      // 没有需要归还的页面
      .show-not-back
      {
        div
        {
          width: 100%;
          margin-top: px2rem(450);
          height: px2rem(168);
          background: url("../assets/img/give-back-money/not-data.svg") no-repeat center;
          background-size: contain;
        }
        // 显示文字
        >p
        {
          margin-top: px2rem(99);
          text-align: center;
          color: $office-light-black-nine;
        }

      }

      // 订单条目
      ion-list
      {
        margin: 0 px2rem(16);

        // 右滑显示栏目
        ion-item-sliding
        {
          margin-top: px2rem(16);

          // 默认显示内容
          ion-item
          {
            padding: 0 ;
            .item-inner
            {
              padding: 0!important;

              .input-wrapper
              {
                height: 100%;

                ion-label
                {
                  margin: 0;
                  ion-card
                  {
                    margin: 0;
                    padding: 0 px2rem(16);
                    width: 100%;
                    height: 100%;
                    // 头部信息
                    ion-card-header
                    {
                      padding: px2rem(40) px2rem(16) px2rem(20) 0;
                      color: #333333;
                      font-size: px2rem(30);
                      text-align: left;
                    }
                    // 中间信息
                    ion-card-content
                    {
                      padding: 0;
                      margin-bottom: px2rem(20);

                      @include clear-after;
                    }
                    // 底部图标
                    ion-row
                    {
                      width: 100%;
                      height: px2rem(72);

                      >ion-col
                      {
                        padding: 0;
                        font-size: px2rem(24);
                        color: $office-light-black-six;
                        div
                        {
                          height: px2rem(32);
                          line-height: px2rem(32);

                          //逾期
                          &.time-out{color: $office-button-danger;}
                          &.time-load{color: $office-default;}
                        }
                      }
                      // 右边图标
                      ion-col:nth-child(3)
                      {
                        margin-top: px2rem(6);
                        -webkit-flex-grow:3.5;
                        flex-grow:3.5;
                        >div{
                          float: right;
                        }
                      }

                    }
                  }
                }
              }

            }
          }

          // 滑动显示被隐藏内容
          ion-item-options
          {
            //border: none !important;
            button
            {
              background-color: $office-toolbar-background;
              width: px2rem(80) ;
              padding: 0 0 0 px2rem(48);
              ion-icon
              {
                width: px2rem(32) !important;
                padding: 0 !important;
                &.all-label
                {
                  height: px2rem(40) !important;
                  background: url("../assets/img/home/home-label.png") no-repeat center;
                  background-size: contain;
                }
                &.all-share
                {
                  height: px2rem(40) !important;
                  background: url("../assets/img/home/home-share.png") no-repeat center;
                  background-size: contain;
                }
                &.all-delete
                {
                  height: px2rem(36) !important;
                  background: url("../assets/img/home/home-delete.png") no-repeat center;
                  background-size: contain;
                }
              }

              // 最后一个button
              &:last-child
              {
                padding-right: px2rem(48) !important;
              }
              // 点击的class
              &.activated
              {
                background-color: $office-toolbar-background;
              }
            }

          }

          // 最后一个元素
          &:last-child{
            margin-bottom: px2rem(18);
          }
        }
      }
    }


  }
}




